<div class="panel panel-default" style="border: none;-webkit-box-shadow: none;box-shadow: none;">
	<link rel="stylesheet" href="/plugins/dashboard/view/public/assets/css/my.css">
	<link rel="stylesheet" type="text/css" href="/plugins/dashboard/view/public/assets/css/ns_index.css" />
	<!--<link rel="stylesheet" type="text/css" href="/plugins/dashboard/view/public/assets/css/ns_blue_common.css" />-->
	<script src="/plugins/dashboard/view/public/assets/js/highcharts.js"></script>
	<script src="/plugins/dashboard/view/public/assets/js/exporting.js"></script>
	<script src="/plugins/dashboard/view/public/assets/js/index.js"></script>
	<div class="panel-body home-info" style="padding: 0px 9px;">
		<div class="row zhl_dash">
			<div class="col-md-3 col-sm-6">
				<div class="dashboard-tile detail tile-red">
					<div class="content">
						<h1 class="text-left timer" data-from="0" data-to="0" data-speed="2500">{$order_count}</h1>
						<p>总订单</p>
					</div>
					<div class="icon"><i class="fa fa-line-chart"></i>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="dashboard-tile detail tile-blue">
					<div class="content">
						<h1 class="text-left timer" data-from="0" data-to="1" data-speed="2500">{$store_count}</h1>
						<p>入驻店铺</p>
					</div>
					<div class="icon"><i class="fa fa fa-home"></i>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="dashboard-tile detail tile-turquoise">
					<div class="content">
						<h1 class="text-left timer" data-from="0" data-to="1" data-speed="2500">{$goods_count}</h1>
						<p>商品数量</p>
					</div>
					<div class="icon"><i class="fa fa-area-chart"></i>
					</div>
				</div>
			</div>

			<div class="col-md-3 col-sm-6">
				<div class="dashboard-tile detail tile-purple">
					<div class="content">
						<h1 class="text-left timer" data-to="1" data-speed="2500">{$user_count}</h1>
						<p>用户总数</p>
					</div>
					<div class="icon"><i class="fa fa-users"></i>
					</div>
				</div>
			</div>
		</div>
		<div class="row" style="padding: 0 5px;">
			<div class="charts" style="width: 100%;">
				<h3>
					订单统计<span><i></i>订单数量</span>
				</h3>
				<div id="orderCharts"></div>

			</div>
			<script>
                function onloadOrderChart(e) {

                    $("#orderCharts .order").addClass('black');
                    $("#orderCharts .order").eq(e-1).removeClass('black');
                    $.ajax({
                        type : "post",
                        url : "{:cmf_plugin_url('Dashboard://Index/index')}",
                        data : {'date':e},
                        success : function(data) {

                            salesStatistical = data;
                            var series = chart.series;
                            console.log(series)
                            while (series.length > 0) {
                                series[0].remove(false);
                            }
                            chart.addSeries({
                                name : "订单数量",
                                data : salesStatistical
                            }, false);
                            chart.redraw();
                        }
                    });
                }
			</script>
		</div>

	</div>

</div>